<template>
  <qt-x5web-view
    ref="loadWebView"
    :requestFocus="true"
    class="loadWebViewRootStyle"/>
</template>

<script>
import {defineComponent, onMounted,ref} from "vue";

const {useESRouter} = require("@extscreen/es3-router");
import {useESToast} from '@extscreen/es3-core'
export default defineComponent({
  name: 'load_web_view',
  setup(props,{  }){
    const loadWebView=ref();
    const router = useESRouter()
    var toast = useESToast();
    const html=ref('')
    const onESCreate=(params) => {
      if (params) {
        html.value = params.html;
        loadWebView.value.loadUrl(html.value);
      }
    }
    const onBackPressed=()=> {
      router.back();
    }
    return {
      loadWebView,
      onBackPressed,
      onESCreate
    }
  }
})
</script>

<style scoped>
.loadWebViewRootStyle {
  width: 1920px;
  height: 1080px;
  background-color: #252930;
}
</style>
